<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="container">
    <!-- 左边部分 -->
    <div class="leftSide">
        <!-- 头部头像 -->
        <div class="profile">
            <img src="img/pic1.jpg" alt="">
            <h2>高红芳 <br> <span>前端开发实习生</span></h2>
        </div>
        <!-- 头部头像 end-->
        <!-- 联系方式 -->
        <div class="contactInfo">
            <h3 class="title">个人信息</h3>
            <ul>
                <li><span class="iconfont icon-huafei"></span><span class="text">17702301380</span></li>
                <li><span class="iconfont icon-youxiang"></span><span class="text">2089167721@qq.com</span></li>
                <li><span class="iconfont icon-xieboke"></span><a href="https://blog.csdn.net/qq_53541336?">https://blog.csdn.net/qq_53541336?</a></li>
                <li><span class="iconfont icon-weizhi1"></span><span class="text">重庆市巴南区</span></li>
                <li><span class="iconfont icon-yonghuziliaogerenxinxigerenziliao"></span><span class="text">中共预备党员</span></li>
            </ul>
        </div>
        <!-- 联系方式 end-->
        <!-- 教育背景 -->
        <div class="education">
            <h3 class="title">教育背景</h3>
            <ul>
                <li><h5>重庆工程学院&nbsp;&nbsp;&nbsp;&nbsp;数字媒体技术</h5></li>
                <li><span class="text"><strong>主修课程：</strong>人机交互与界面设计、客户端软件开发技术、前端框架开发技术、UI设计、跨平台软件开发技术、数字音视频技术、WEB程序设计等。（成绩位于专业前10）</span></li>
            </ul>
        </div>
        <!-- 教育背景 end-->
        <!-- 自我评价 -->
        <div class="assessment">
            <h3 class="title">自我评价</h3>
            <span class="text">熟练并掌握前端基本框架（HTML、css、js、Vue等知识）；<br>
                熟练PS、AI、AU等音视频编辑软件及Office办公软件;<br>
                有较强的领导力和组织能力,能吃苦耐劳有较强的团队精神
            </span>
        </div>
        <!-- 自我评价 end-->
    </div>
    <!-- 左边部分end -->
    <!-- 右边部分 -->
    <div class="rightSide">
        <!-- 实践经验 -->
        <div class="experience">
            <h2 class="title2">项目经验</h2>
            <!-- 项目1 -->
            <div class="box">
                <div class="year">
                    <h5>2023.02--2023.03</h5>
                    <h5><a href="#"> Sweet Cakes甜品网站</a></h5>
                </div>
                <div class="text">
                    <h4>设计+技术</h4>
                    <p>技术栈：HTML、css3、JavaScript、jQuery、scss、Vue；<br>
                        项目介绍:该项目是一款甜品电商平台，提供在线购物、甜品咨询、甜品制作方法及在线教学等功能；<br>
                        工作职责:根据项目作出开发计划、搭建项目开发环境、使用DIV+CSS布局模式完成网页布局、进一步使用H5和CSS3进行页面效果优化、使用原生js和JQuery框架写出网页各种特效等。
                    </p>
                </div>
            </div>
            <!-- 项目1 end-->
            <!-- 项目2 -->
            <div class="box">
                <div class="year">
                    <h5>2022.12--2023.01 </h5>
                    <h5><a href="#"> 重庆市人民政府官网</a></h5>
                </div>
                <div class="text">
                    <h4>设计+技术</h4>
                    <p>技术栈：HTML、css3、JavaScript、jQuery、scss；<br>
                        项目介绍：该项目是基于前端基本框架技术对原有网站的修改，实现了网站的整体响应式布局、新闻的轮播效果、选项卡功能的完善以及涉及的新二级导航等基本功能。<br>
                        工作职责：根据项目设计UI界面、搭建项目开发环境、使用div及其余标签完成页面整体布局、利用scss以及css对页面进行美化，同时做出页面的响应式布局、使用js及jQuery写出页面的各种动画效果。
                    </p>
                </div>
            </div>
            <!-- 项目2 end-->
            <!-- 项目3 -->
            <div class="box">
                <div class="year">
                    <h5>2022.10--2022.12</h5>
                    <h5><a href="#"> QQ游戏特权官网  </a></h5>
                </div>
                <div class="text">
                    <h4>设计+技术</h4>
                    <p>技术栈：HTML、css3、JavaScript、jQuery；<br>
                        项目介绍：基于UI和前端框架基本技术实现的QQ游戏使用特权网站，为游戏爱好者提供QQ金牌网吧特权，让广大玩家享受更多的便捷体验，提供包括蓝钻、高级体验卡等特权功能；<br>
                        工作职责：自主利用ps设计网站UI界面、搭建网站框架、实现后期的美化技术等工作。

                    </p>
                </div>
            </div>
            <!-- 项目3 end-->
        </div>
        <!-- 实践经验 end-->
        <!-- 专业技能掌握情况 -->
        <div class="skill">
            <h2 class="title2">专业技能</h2>
            <div class="box">
                <!--<h4>HTML</h4>-->
                <ul class="percent">
                    <li><h4>HTML</h4><meter min="0" low="3" high="6" max="9" optimum="2" value="8"></meter></li>
                    <li><h4>CSS</h4><meter min="0" low="3" high="6" max="9" optimum="2" value="8"></meter></li>
                    <li><h4>JavaScript</h4><meter min="0" low="3" high="9" max="9" optimum="2" value="7"></meter></li>
                    <li><h4>Vue</h4><meter min="0" low="3" high="6" max="9" optimum="2" value="6"></meter></li>
                </ul>
            </div>
        </div>
        <!-- 专业技能掌握情况 end-->
        <!-- 奖项荣誉 -->
        <div class="prize">
            <h2 class="title2">奖项荣誉</h2>
            <div class="soft">
                <h4>软件类</h4>
                <ul class="txt">
                    <li>2022-2023学年度&nbsp;&nbsp;荣获第四届全国高校计算机能力挑战赛二等奖；</li>
                    <li>2022-2023学年度&nbsp;&nbsp;荣获全国高校计算机能力挑战赛西南赛区三等奖</li>
                </ul>
            </div>
            <div class="soft">
                <h4>荣誉类</h4>
                <ul class="txt">
                    <li>2020-2021学年度&nbsp;&nbsp;荣获国家励志奖学金；</li>
                    <li>2020-2021学年度&nbsp;&nbsp;荣获学校创新能力提升先进个人；</li>
                    <li>2021-2022学年度&nbsp;&nbsp;荣获学校“优秀共青团员”荣誉称号；</li>
                    <li>2022-2023学年度&nbsp;&nbsp;荣获学校“三好学生”荣誉称号</li>
                </ul>
            </div>
            <div class="soft">
                <h4>活动类</h4>
                <ul class="txt">
                    <li>2020-2021学年度&nbsp;&nbsp;荣获第四届全国大学生创新体验竞赛三等奖；</li>
                    <li>2020-2021学年度&nbsp;&nbsp;荣获第七届全国大学生物理实验竞赛优秀奖；</li>
                    <li>2021-2022学年度&nbsp;&nbsp;荣获学校党员“十佳示范岗”求知进取示范岗；</li>
                    <li>2022-2023学年度&nbsp;&nbsp;荣获学校《演讲与口才》三等奖</li>
                </ul>
            </div>
        </div>
        <!-- 奖项荣誉 end-->
    </div>
    <!-- 右边部分end -->
</div>
</body>
</html>